<!DOCTYPE html>
<html dir="ltr" lang="en-US" >
<head>
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />

<!-- page title -->
<title>Grandon HTML Template</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css"/>


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js"  type="text/javascript"></script>
<script src="js/modernizr.custom.js"  type="text/javascript"></script>
<script src="js/jquery.fitvids.js"  type="text/javascript"></script>
<script src="js/jquery.ui.totop.js"  type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>
 



</head>
<body>	


<!-- Image Back ground and pattern Back ground  -->
   
    <!-- <div id="pattern_bg"></div>  -->
     <img src="images/large/bg.jpg" alt="" id="background" />

<div class="header_top_first">
		<div class="container sixteen columns header_top_inner">
	    	<div class="eight columns align_left">
				<div class="testimonials">
				            <div class="testi_icon"></div>
                        	<ul>
									<li>
                            		<div class="testi-text dro">Welcome to Grandon Marketing solution for any company</div>                                  
                                    </li>
									<li>
                            		<div class="testi-text dro">showing what are you doing to everyone in the world</div>                                  
                                    </li>
									
                            </ul>						
                </div>			
			</div>
			
		
				<div class="top_info">
					<p>
					
                    <a href="#">About us</a>&nbsp; &nbsp;
                    <a href="#">Pricing</a>&nbsp; &nbsp; 
                    <a href="#">Site map</a>

					</p>		
				</div>
						
        </div>  
  <div class="clear"></div>		
</div>

<div class="header_top_second">

<div class="container sixteen columns header_top_second_inner">

<div class="four columns align_left logo"><a href="#"><img src="images/logo.png" alt="" /></a></div>

<div class="contact_head">
   <div class="top_home_wrapper">
    <div class="top_home_icon"></div><h6>Hong kong 32 street, Ladue city </h6>
	<div class="clear"></div>
   </div>   
   <div class="top_home_call"> Tel : +7780-2225-779 </div>
</div>

</div>
<div class="clear"></div>
</div>
		
<!-- Main header -->
<div id="main_wrapper">
	<div class="main_wrapper_inner">
      
      <!-- Header -->
              <div class="header_menu">
			     <div class="header_top_inner">
				    <div class="container sixteen columns">
				         <!-- begin navigation -->
					 <div class="main_menu">
						<nav id="dropdown">
							<ul class="sf-menu clearfix">								
								<li><a href="index.html" class="trigger"><span><i class="icon-home"></i>Home</span></a>
									<ul>
										<li><a href="index-2.html">Style 1</a></li>
										<li><a href="index2.html">Style 2</a></li>
										<li><a href="index3.html">Style 3</a></li>
										<li><a href="index4.html">Style 4</a></li>
										<li><a href="index5.html">Style 5</a></li>
									</ul>
								</li>
								<li><a href="#" class="trigger"><span><i class="icon-feature"></i>Features</span></a>
									<ul>
										<li><a href="about.html">About Us</a></li>
										<li><a href="service.html">Our service</a></li>
										<li><a href="shortcodes.html">shortcodes</a></li>
										<li><a href="tables.html">Table price</a></li>
										<li><a href="#" class="trigger">Example submenu</a>
												    <ul>
														<li><a href="#">submenu test 1</a></li>
														<li><a href="#">submenu test 2</a></li>
														<li><a href="#">submenu test 3</a></li>
													</ul>
										</li>
										<li><a href="full_width_page.html">Full Page</a></li>
										<li><a href="page_right_sidebar.html">Page with Right Sidebar</a></li>
										<li><a href="page_left_sidebar.html">Page with Left Sidebar</a></li>
									</ul>
								</li>
                                <li><a href="about.html" class="trigger"><span><i class="icon-staff"></i>Staffs</span></a></li>	
                                <li><a href="service.html" class="trigger"><span><i class="icon-service"></i>Services</span></a></li>									
								<li><a href="portfolio.html" class="trigger"><span><i class="icon-port"></i>Portfolio</span></a>
									<ul>
										<li><a href="portfolio4.html">Portfolio 4 columns</a></li>
										<li><a href="portfolio3.html">Portfolio 3 columns</a></li>
                                        <li><a href="port_right_sidebar.html">Portfolio Right Sidebar</a></li>
										<li><a href="port_left_sidebar.html">Portfolio Left Sidebar</a></li>										
										<li><a href="portfolio_single.html">Portfolio single</a></li>
									</ul>
								</li>
								<li><a href="blog.html" class="trigger"><span><i class="icon-blog"></i>Blog</span></a>
									<ul>
										<li><a href="blog.html">Blog Style 1</a></li>
										<li><a href="blog1.html">Blog Style 2</a></li>
										<li><a href="blog2.html">Blog style 3</a></li>
										<li><a href="blog_post.html">Single Blog Post</a></li>										
									</ul>
								</li>
								<li><a href="contact.html"><span><i class="icon-contact"></i>Contact</span></a></li>
								<li><a href="contact.html"><span>Contact</span></a></li>
							</ul>
						</nav>	
                       </div>						
				 <!-- end navigation -->
					</div> <!-- End six teen columns -->
			     </div>
			  </div> <!-- End header top -->
    
	
    <div class="content">		
				
	 <div class="content_wrapper">	
	 <div class="page_title_wrapper">
	    <div class="container sixteen columns">
          <div class="page_title_inner">	      			       	
				<span class="main_t_1"> Single blog </span><span class="main_t_2">&nbsp; - &nbsp;  overview detail </span>
		  </div>			
        </div>			
      </div> <!-- End page title wrapper -->
	<div class="clear"></div>
	
	  <div class="container">    
		<div class="content_wrapper_inner">
	
        <div class="eleven columns row left">
		
	        
			 <!-- Blog loop -->
        
         <div class="eleven columns row alpha blog_post">
                <div class="eleven columns alpha blog_image">
				
				   <div class="view view-tenth">
                      <span class="image_holder_blog">					   
                         <img src="images/large/1.jpg" alt="" class="scale-with-grid" />
					  </span>
                    <div class="mask">
					  <div class="mask_wrapper_blog">                        
                           <a href="images/large/1.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      </div>
					</div>
                  </div>				          
                
				</div>
                <div class="one columns row alpha">
				   <div class="home_time_wrap">			  
			         <div class="icon_b_wrapper"><div class="image_icon"></div></div>
				      <div class="day_b_wrapper">
				        <span class="day_b_wrapper_inner">17</span>
				      </div>
				     <div class="date_b_wrapper">
				        <span class="h_month"> Feb </span>
					    <span class="y_month"> 2013 </span>
				     </div> 
			      </div> <!-- End Home time wrapper -->
                </div>
				
                <div class="nine columns row offset-by-half-one omega">
                    <div class="blog_title"><h4><a href="#">What is branding ?</a></h4></div>  
                    <div class="date_wrapper2">
                      Posted by Admin &nbsp; -  &nbsp; in <a href="#"> Announcement </a>&nbsp;  - &nbsp;  <a href="#"> 3 Comments </a>  
                    </div>					
                    <div class="p_content">
					<p>
					  Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna 
                      aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
                      commodo consequat. senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, 
					  feugiat vitae, ultricies eget, tempor sit amet, ante consetetur sadipscing elitr.
					  
                     </p>
					 <div class="one_half">
                          <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 
						  ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
						  dolores et ea rebum. </p>
                      </div>
                      <div class="one_half lastcolumn">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 
						  ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
						  dolores et ea rebum. </p>
				      </div>
					  <div class="clear"></div>

					</div>
                </div>
                <div class="clear"></div>
				<div class="border_divider1"></div>
         </div> 
		 
		 <!-- End Blog loop -->
		 
		 
		 <div id="comments" class="eleven columns row alpha">
		
			<h4 class="page_title">4 Comments</h4>
								<ol class="list_cm">
			
									<li>
										<div class="user_cm">
											<img src="images/comment/1.jpg" alt=""/>
										</div>
										<div class="comment_area">						
										<cite class="user_title">Jorp</cite>
										<br /><span class="time">fab 11,2012 7:20 pm </span><br/>
										<span class="comment_text"><p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em></p> </span>
										<a href="#" class="reply">Reply</a>
										</div>
										<ol class="child">
											<li>
												<div class="user_cm">
													<img src="images/comment/2.jpg" alt=""/>
												</div>
												<div class="comment_area">
													<cite class="user_title">Bill</cite>
													<br /><span class="time">fab 11,2012 7:23 pm</span><br />
												<span class="comment_text"><p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em></p> </span>
												<a href="#" class="reply">Reply</a>
												</div>
											</li>
										</ol>
									</li>
			
									<li>
										<div class="user_cm">
											<img src="images/comment/3.jpg" alt=""/>
										</div>
										<div class="comment_area">
											<cite class="user_title">Frank</cite>
											<br /><span class="time">fab 11,2012 8:40 pm</span><br/>
										<span class="comment_text"><p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> </p></span>
										<a href="#" class="reply">Reply</a>
										</div>
										<ol class="child">
											<li>
												<div class="user_cm">
													<img src="images/comment/2.jpg" alt=""/>
												</div>
												<div class="comment_area">
													<cite class="user_title">Bill</cite>
													<br /><span class="time">fab 11,2012 7:23 pm</span><br />
												<span class="comment_text"><p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> </p></span>
												<a href="#" class="reply">Reply</a>
												</div>
											</li>
										</ol>
									</li>
								</ol>
		
	  	</div> <!-- End comment -->
		
		
		<!-- Comment Form -->
    <div id="respond" class="eleven columns row alpha">
        <h4>Leave a comment</h4>
        <form id="replyform" method="post" action="#">
		<div class="input_cm_wrapper">
			<h6 for="commentName">Name *</h6>
            <input type="text" name="author" id="reply_name" class="requiredfield"/>
        </div>
		<div class="input_cm_wrapper">	
            <h6 for="email">Email Address *</h6>			
            <input type="text" name="email" id="reply_email" class="requiredfield"/>
		</div>	
		<div class="input_cm_wrapper last">	
			<h6 for="website">Website</h6>	
            <input type="text" name="url" id="reply_website" class="last"/>
		</div>	
			
			<span class="clear"></span>
			<h6 for="commentsText">Message *</h6>
            <textarea name="comment" id="reply_message" class="requiredfield"></textarea>
			<button type="submit" name="send">Send</button>
			
        </form>
    </div>  <!-- End form -->
		 
			
		 <div class="clear"></div>
			

		</div>
		
		
 <!-- Sidebar Right -->

        <div class="four columns sidebar offset-by-one">
		    
			<div class="four columns alpha widget">
                    <h5 class="widget_title"> Archives </h5>
                <ul class="categories">				
					<li><a href="#">November 2012</a></li>
					<li><a href="#">October 2012</a></li>
					<li><a href="#">September 2012</a></li>
					<li><a href="#">August 2012</a></li>
					<li><a href="#">July 2012</a></li>
				</ul>
                <div class="clear"></div>
            </div>
	
			
			<div class="four columns alpha widget">
                    <h5 class="widget_title">Vimeo video</h5>
                    <div class="widget_text">
					   
					 <div class="four columns alpha">
            	       <div class="scale_vid">
                         <iframe src="http://player.vimeo.com/video/20666450?title=0&amp;byline=0&amp;portrait=0" width="220" height="124"></iframe>
                       </div>          
                     </div>
					 <div class="clear"></div>  
                    </div>
            </div>

			<div class="four columns alpha widget">
                    <h5 class="widget_title"> Our photos </h5>
            <div class="flickr_wrap">
               <div class="clear"></div>
			   <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=52617155@N08"></script>
			   <div class="clear"></div>
			</div>
            </div>
			
			<div class="four columns alpha widget">
                    <h5 class="widget_title"> Categories </h5>
                <ul class="categories">				
					<li><a href="#">Graphic Design</a></li>
					<li><a href="#">Audio Jungle</a></li>
					<li><a href="#">Prints Photography</a></li>
					<li><a href="#">3D Animation</a></li>
					<li><a href="#">Movies and Films</a></li>
				</ul>
                <div class="clear"></div>
            </div>
			
			
            <div class="four columns alpha widget">
                    <h5 class="widget_title"> About Us </h5>
                    <div class="widget_text">
					   
					 <div class="abwrap">                  
                       <p><span class="dropcap">W</span>hat're you looking for is us to promote your website, learn about internet marketing, and find ways to improve your business.</p>
                     </div>
                     <div class="clear"></div>
					   
                    </div>
            </div>
            
              <div class="four columns alpha widget">
                    <h5 class="widget_title">Popular blog post</h5>
                    <div class="widget_blogposts">
                        <ul>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">Join us now, Start it</a></div>
								<img src="images/blog/s3.jpg" alt="" class="scale-with-grid" />	
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 3 comments </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">What is branding</a></div>
								<img src="images/blog/s4.jpg" alt="" class="scale-with-grid" />
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 1 comment </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </div>
               </div>
			   
			   
			   <div class="four columns alpha widget">
                    <h5 class="widget_title">Youtube video</h5>
                    <div class="widget_text">
					   
					 <div class="four columns alpha">
            	       <div class="scale_vid">
                         <iframe src="http://www.youtube.com/embed/4RCXLY9MxaQ?hd=1&amp;wmode=opaque&amp;controls=0&amp;showinfo=0" width="460" height="260"></iframe>
                       </div>          
                     </div>
					 <div class="clear"></div>  
                    </div>
               </div>
			
    
        </div>
				 
		<div class="clear"></div>
	        

	    </div>  <!-- End main page wrapper -->		 
	
    <div class="clear"></div>	
		   </div>  <!-- End container -->	
        </div> 		<!-- End Content wrapper -->
    </div>	<!-- End content -->

    		<!-- Footer -->

         <footer id="footer">	
		  <div class="footer_support">
		      <div class="container sixteen columns">
				  <div class="footer_support_inner">
				     <i class="icon_vid_s"></i>
					 <div class="twelve columns">
					 <div class="text_support"> Video call supporting is the better way to asking us the question, <a href="#">Contact us now 24/7 </a></div>
					 </div>
				     <i class="icon_support_user"></i>
					 <div class="clear"></div>
				  </div>
			  </div>
		  </div> <!-- End support -->   
			<div class="container">
			  <div class="footer_inner"> 
			  
			    <div class="sixteen columns">
			        
				 <div class="four columns clearfix widget alpha">		
                      <div class="widget_text">
					    <img src="images/logo2.png" alt="" class="scale-with-grid" />	
                        <span class="foot_title">Company's name</span><br/>                       
                        <p>We suport 24/7, sed diam nonummy nibh euismod.Lorem ipsum dolor,sed diam nonumy eirmod tempor invid unt utat labore et dolore magna.  </p>
                  
                      </div>
                 </div>
				 
				  <div class="four columns widget">
                    <h5 class="widget_title">Popular blog post</h5>
                    <div class="widget_blogposts">
                        <ul>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">Join us now, Start it</a></div>
								<img src="images/blog/s3.jpg" alt="" class="scale-with-grid" />	
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 3 comments </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">What is branding</a></div>
								<img src="images/blog/s4.jpg" alt="" class="scale-with-grid" />
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 1 comment </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                 </div>
                
                <div class="four columns widget">
                    <h5 class="widget_title">Latest tweets</h5>
                    <div class="widget_tweets">
                       <div id="twitter"></div>                
				   </div>
                    
                </div>
                          
              <div class="four columns widget omega">
                    <h5 class="widget_title">Contact info</h5>
                <div class="widget_text">
                        <span class="foot_title">Company Location</span><br/>
                        <p>Hang Studios, Hongkar City<br/>
                        Load 32, Lie wei street<br/>
                        Building 32, Maoei, Hongkong</p>
                        
                        <span class="foot_title">How To Contact Us</span><br/>
                        <span class="icon_mail sub_text2"> <a href="mailto:your@email.com">you@yourdomain.com</a></span><br/>
                         <span class="icon_tele2 sub_text2"> 968-442-3301</span>
                </div>
              </div>
			
			
			
                 </div>
			   </div>
            </div>
		 </footer> <!-- End Footer -->


          <!-- Sub footer -->
		
		<div id="subfooter_wrapper">
		   <div class="container">
    	    <div class="subfooter">
        	<div class="eight columns power_bt">
			@ Mark 2 WordPress Theme by Decneo. - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>			
			</div>
			
            <div class="eight columns">
			    <div class="social_wrapper">  
							<a href="#"><img src="images/facebook.png" alt="Twitter"/></a>
							<a href="#"><img src="images/google.png" alt=""/></a>
							<a href="#"><img src="images/twitter.png" alt=""/></a>
							<a href="#"><img src="images/fr.png" alt=""/></a>
							<a href="#"><img src="images/youtube.png" alt=""/></a>
							<a href="#"><img src="images/rss.png" alt=""/></a>	
				</div>
            </div>
            </div>
			</div>
        </div> <!-- End Sub footer -->
		
	</div> <!-- End main_wrapper_inner -->	   
</div> <!-- End main_wrapper -->
</body>
</html>